<template>
	<view>
		<view class="head">
			<view class="icon-box">
				<image class="icon" src="../../../static/img/taorst.png" mode=""></image>
			</view>
			<view class="say">
				允许微信授权后，体验更多功能哦
			</view>
		</view>
		<view class="center">
			<view class="one">
				微信登录授权
			</view>
			<view class="two">
				<image class="icon" src="../../../static/img/taorst.png" mode=""></image>
				<view class="">
					道友申请获取以下权限
				</view>
			</view>
			<view class="three">
				<view class="iconfont icon-voice1" style="font-size: 30px;height: 30px;line-height: 30px;"></view> 获取您的公开信息 (昵称、头像等)
			</view>
			<view class="four">
				<button>取消</button>
				<button open-type='getUserInfo' @getuserinfo="wxLogin" class="third-btn-ico">去授权
				</button>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			// 实现在微信小程序端的微信登录
			wxLogin(e) {
				var me = this;
				// console.log(e);
				// 通过微信开发能力，获得微信用户的基本信息
				var userInfo = e.detail.userInfo;
				
				// 实现微信登录
				uni.login({
					provider: "weixin",
					success(loginResult) {
						// console.log(loginResult);
						// 获得微信登录的code：授权码
						var code = loginResult.code;
						// 设置登录到哪个对于的微信小程序，大家可以根据自己的后端去实现业务参数
						// [0:NEXT超英预告][1:超英预告][2:NEXT学院电影预告]
						var loginToWhichMP = 1;
						uni.request({
							url: me.serverUrl + "/mpWXLogin/" + code,
							data: {
								"faceImage": userInfo.avatarUrl,
								"nickname": userInfo.nickName,
								"whichMP": loginToWhichMP
							},
							method: "POST",
							success(userResult) {
								console.log(userResult);
								var userInfo = userResult.data.data;
								// 保存用户信息到全局的缓存中
								uni.setStorageSync("globalUser", userInfo);
								// 切换页面跳转，使用tab切换的api
								uni.navigateTo({
									url: "../memInfo/memInfo"
								});
							}
						});
					}
				})
			}
		},
		onLoad() {
			
		}
	}
</script>

<style>
	@import url("auth.css");
	@import url("../../../static/iconfont/iconfont.css");
</style>
